<template>
    <!-- sticky 粘性布局 自动吸顶 -->
  <van-tabs v-model:active="active" sticky>
    <van-tab title="全部">
      <OrderList key="0" :status="0"></OrderList>
    </van-tab>
    <van-tab title="待支付">
      <OrderList key="1" :status="1"></OrderList>
    </van-tab>
    <van-tab title="待发货"> 
        <OrderList key="2" :status="2"></OrderList> 
    </van-tab>
    <van-tab title="待收货"> 
        <OrderList key="3" :status="3"></OrderList> 
    </van-tab>
    <van-tab title="待评价"> 
        <OrderList key="4" :status="4"></OrderList> 
    </van-tab>
  </van-tabs>
</template>

<script setup>
import { ref } from "vue";

const active = ref(0);
</script>
